<template>
	<view class="u-order-item f-bc-whilte f-mb7" @tap="toOrderInfo">
		<view class="g-header f-frowspcen">
			<view class="f-frowceny">
				<image src="../../static/icon/order/icon_order_tag.png" mode="aspectFit" class="order-icon f-mr10"></image>
				<text class="f-fz14 f-fc-primary f-fw650">订单号:1511322337149</text>
			</view>
			<text class="f-fz13 f-fc-red">待发车</text>
		</view>
		<view class="g-content f-fz13">
			<view class="u-car-msg border-bottom">
				<view class="f-frowspcen f-mb13">
					<text class="f-f1 f-fz14 f-fc-primary f-toh f-mr10">奥迪Q5 17款 40 TFSI 舒适型</text>
					<text class="f-fs0 f-fz12 f-fc-777">2020-03-02 16:23:23</text>
				</view>
				<view class="f-frow f-fz13">
					<view class="msg f-frowceny">
						数量：10/1
					</view>
					<view class="msg f-frowceny">
						外饰/内饰：黑色/白色
					</view>
				</view>
			</view>
			<view class="u-car-msg">
				<view class="f-frowspcen f-mb13">
					<text class="f-f1 f-fz14 f-fc-primary f-toh f-mr10">奥迪Q5 17款 40 TFSI 舒适型</text>
					<text class="f-fs0 f-fz12 f-fc-777">2020-03-02 16:23:23</text>
				</view>
				<view class="f-frow f-fz13">
					<view class="msg f-frowceny">
						数量：10/1
					</view>
					<view class="msg f-frowceny">
						外饰/内饰：黑色/白色
					</view>
				</view>
			</view>
			<view class="f-fz13 f-fc-777 f-mb10">供应商：上海俱频汽车租赁有限公司</view>
			<view class="f-frow f-fz13 f-fc-777 f-mb10">
				<view class="f-mr10">
					<text class="f-fc-grey">提车人：</text>
				</view>
				<view class="f-fc-primary">
					<view class="f-mb10">李敏镐(数量3） 2020-04-02 16:23</view>
					<view class="f-mb10">李敏镐(数量3） 2020-04-02 16:23</view>
					<view>李敏镐(数量3） 2020-04-02 16:23</view>
				</view>
			</view>
			<view class="f-frowspcen">
				<button class="u-order-btn">确认收车</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			
			/**
			 * 去订单详情
			 * */ 
			
			toOrderInfo() {
				uni.navigateTo({
					url: '/pages/order/orderInfo'
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
.u-order-item {
	.g-header {
		height: 110rpx;
		padding: 0 30rpx;
		border-bottom: 1px solid #f7f9fd;
	}
	.g-content {
		padding: 0 30rpx 36rpx;
		.u-car-msg {
			padding: 32rpx 0 28rpx;
			.msg:first-child {
				margin-right: 146rpx;
			}
		}
		.border-bottom {
			border-bottom: 2rpx solid #F5F5F5;
		}
	}
}
</style>
